@charset "UTF-8";

.ui-bar-h, .ui-page-theme-h .ui-bar-inherit, html .ui-bar-h .ui-bar-inherit, html .ui-body-h .ui-bar-inherit, html body .ui-group-theme-h .ui-bar-inherit {
    background: #ffffff;
    border-color: #ddd;
    color: #333333;
    font-weight: bold;
}

.ui-bar-h {
    border-width: 1px;
    border-style: solid
}

.ui-overlay-h, .ui-page-theme-h, .ui-page-theme-h .ui-panel-wrapper {
    background: #f4f5f7;
    border-color: #f4f5f7;
    color: #444
}

.ui-body-h, .ui-page-theme-h .ui-body-inherit, html .ui-bar-h .ui-body-inherit, html .ui-body-h .ui-body-inherit, html body .ui-group-theme-h .ui-body-inherit, html .ui-panel-page-container-g {
    background: #ffffff;
    border-color: #ddd;
    color: #444;
}

.ui-body-h {
    border-width: 1px;
    border-style: solid
}

.ui-page-theme-h a, html .ui-bar-h a, html .ui-body-h a, html body .ui-group-theme-h a {
    color: #fff;
    font-weight: normal
}

.ui-page-theme-h a:visited, html .ui-bar-h a:visited, html .ui-body-h a:visited, html body .ui-group-theme-h a:visited {
    color: #fff
}

.ui-page-theme-h a:hover, html .ui-bar-h a:hover, html .ui-body-h a:hover, html body .ui-group-theme-h a:hover {
    color: #bdedf4
}

.ui-page-theme-h a:active, html .ui-bar-h a:active, html .ui-body-h a:active, html body .ui-group-theme-h a:active {
    color: #fff
}

.ui-page-theme-h .ui-btn, html .ui-bar-h .ui-btn, html .ui-body-h .ui-btn, body .ui-group-theme-h .ui-btn, html body .ui-btn.ui-btn-h, .ui-page-theme-h .ui-btn:visited, html .ui-bar-h .ui-btn:visited, html .ui-body-h .ui-btn:visited, html body .ui-group-theme-h .ui-btn:visited, html head + body .ui-btn.ui-btn-h:visited {
    background: #ffffff;
    border-color: #ffffff;
    color: #333333;
}

.ui-page-theme-h .ui-btn:hover, html .ui-bar-h .ui-btn:hover, html .ui-body-h .ui-btn:hover, html body .ui-group-theme-h .ui-btn:hover, html body .ui-btn.ui-btn-h:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #333333;

}

.ui-page-theme-h .ui-btn:active, html .ui-bar-h .ui-btn:active, html .ui-body-h .ui-btn:active, html body .ui-group-theme-h .ui-btn:active, html body .ui-btn.ui-btn-h:active {
    background: #ffffff;
    border-color: #ffffff;
    color: #333333;
}

.ui-page-theme-h .ui-btn.ui-btn-active, html .ui-bar-h .ui-btn.ui-btn-active, html .ui-body-h .ui-btn.ui-btn-active, html body .ui-group-theme-h .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-h.ui-btn-active, .ui-page-theme-h .ui-checkbox-on:after, html .ui-bar-h .ui-checkbox-on:after, html .ui-body-h .ui-checkbox-on:after, html body .ui-group-theme-h .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-h:after, .ui-page-theme-h .ui-flipswitch-active, html .ui-bar-h .ui-flipswitch-active, html .ui-body-h .ui-flipswitch-active, html body .ui-group-theme-h .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-h.ui-flipswitch-active, .ui-page-theme-h .ui-slider-track .ui-btn-active, html .ui-bar-h .ui-slider-track .ui-btn-active, html .ui-body-h .ui-slider-track .ui-btn-active, html body .ui-group-theme-h .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-h .ui-btn-active {
    border-bottom: 4px solid #7ed320;
    background-color: #fff;
    /* border-color: #fff; */
    color: #616161;
}

.ui-page-theme-h .ui-flipswitch-active .ui-flipswitch-on, html .ui-bar-h .ui-flipswitch-active .ui-flipswitch-on, html .ui-body-h .ui-flipswitch-active .ui-flipswitch-on, html body .ui-group-theme-h .ui-flipswitch-active .ui-flipswitch-on, html body .ui-flipswitch.ui-bar-h.ui-flipswitch-active .ui-flipswitch-on {
    color: #4cc1d3
}

html .ios-checkbox.ui-checkbox-on.ui-checkbox-on:after, .ui-icon-check:after {
    background: none;
    border-color: none;
}

.ui-page-theme-h .ios-checkbox.ui-checkbox-on:after, html .ui-bar-h .ios-checkbox.ui-checkbox-on:after, html .ui-body-h .ios-checkbox.ui-checkbox-on:after, html body .ui-group-theme-h .ios-checkbox.ui-checkbox-on:after, .ios-checkbox.ui-btn.ui-checkbox-on.ui-btn-h:after {
    color: #fff
}

.ios-checkbox.ui-checkbox-off:after {
    content: ""
}

.ui-page-theme-h .ui-radio-on:after, html .ui-bar-h .ui-radio-on:after, html .ui-body-h .ui-radio-on:after, html body .ui-group-theme-h .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-h:after {
    border-color: #38c
}

.ui-card.ui-card-h {
    background-color: #4cc1d3;
    color: #fff
}

.ui-page-theme-h .ui-outline, html .ui-bar-h .ui-outline, html .ui-body-h .ui-outline, body .ui-group-theme-h .ui-outline, html body .ui-btn-h.ui-outline, .ui-page-theme-h .ui-outline:visited, html .ui-bar-h .ui-outline:visited, html .ui-body-h .ui-outline:visited, html body .ui-group-theme-h .ui-outline:visited, html head + body .ui-btn-h.ui-outline:visited {
    border-color: #4cc1d3 !important;
    background-color: #f8f8f8 !important;
    color: #4cc1d3 !important
}

.ui-page-theme-h .ui-clear, html .ui-bar-h .ui-clear, html .ui-body-h .ui-clear, body .ui-group-theme-h .ui-clear, html body .ui-btn-h.ui-clear, .ui-page-theme-h .ui-clear:visited, html .ui-bar-h .ui-clear:visited, html .ui-body-h .ui-clear:visited, html body .ui-group-theme-h .ui-clear:visited, html head + body .ui-btn-h.ui-clear:visited {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #4cc1d3 !important
}

.ui-circle {
    border: 2px solid #fff
}

.ui-listview.ui-group-theme-h a {
    background-color: #ffffff !important;
    color: #616161 !important
}

.ui-listview.ui-group-theme-h a:hover {
    color: #616161 !important
}

.ui-listview.ui-group-theme-h .ui-btn-icon-right:after {
    color: #bbbbbb !important
}

.ui-page-theme-h .ui-input-text input, .ui-input-search input {
    margin: 0;
    min-height: 2.2em;
    text-align: left;
    border: 0;
    background: transparent none;
    -webkit-appearance: none;
    -webkit-border-radius: inherit;
    border-radius: inherit;
}

.ui-page-theme-h .ui-input-text input, .ui-input-search input, textarea.ui-input-text {
    padding: .8em;
    line-height: 1.4em;
    font-size: 12px;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

.ui-page-theme-h .ui-input-text, .ui-input-search {
    margin: .5em 0;
    border-width: 1px;
    border-style: solid;

}

.ui-btn {
    font-size: 12px;
    padding: .8em 1em;
}

.ui-corner-all {
    -webkit-border-radius: .3125em;
    border-radius: .3125em;
    border-top-left-radius: 0.3125em;
    border-top-right-radius: 0.3125em;
    border-bottom-right-radius: 0.3125em;
    border-bottom-left-radius: 0.3125em;
}

.ui-btn-corner-all, .ui-btn.ui-corner-all, .ui-slider-track.ui-corner-all, .ui-flipswitch.ui-corner-all, .ui-li-count {
    -webkit-border-radius: .3125em;
    border-radius: .3125em;
}

.ui-listview > .ui-li-static, .ui-listview > .ui-li-divider, .ui-listview > li > a.ui-btn {
    margin: 0;
    display: block;
    position: relative;
    text-align: left;
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}

.parent {

    background-color: #ffffff;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}

.child {

    box-sizing: border-box;
    background-color: white;
    flex: 0 0 25%;
}

.child img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;

}

.ui-li-has-thumb img {
    height: 100%;
}

.ui-listview > .ui-li-has-thumb > .ui-btn, .ui-listview > .ui-li-static.ui-li-has-thumb {
    min-height: 3.625em;
    padding-left: 9.25em;
}

.ui-listview .ui-li-has-thumb > img:first-child, .ui-listview .ui-li-has-thumb > .ui-btn > img:first-child, .ui-listview .ui-li-has-thumb .ui-li-thumb {
    position: absolute;
    left: 0;
    top: 0;
    max-height: 8em;
    max-width: 8em;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0
}

.ui-content .ui-listview.ui-margin-top, .ui-panel-inner > .ui-listview.ui-margin-top {
    margin-top: 1em !important;
}

.collapsible .ui-btn-icon-right:after {
    right: 1.4em;
}

/*===  login.html   ===*/
.code {
    padding: 2px 0 0 5px;
}

.code-btn {
    line-height: 1.4em;
}

.field-margin-top {
    margin: 2em 0;
}

.agreement {
    line-height: 1.5em;

}

.agreement .text {
    font-size: .8em;
}

.agreement .text a {
    color: #FD0000;
    text-decoration: none;
}
